.el-progress.is-success .el-progress-bar__inner {
  background-color: $color-main;
}

// 小珈-stard
// .el-tabs__nav .is-active{
//   background: $color-main !important;
// }
.el-switch.is-checked .el-switch__core{
  border-color: rgb(255,201,168) !important;
  background-color: rgb(255,201,168) !important;
}

.el-radio-button:not(.is-disabled) .el-radio-button__inner:hover {
  color: #ffae10 !important;
}

.el-picker-panel__shortcut:hover,
.el-date-table td.available:hover,
.el-date-table td.today span,
.el-picker-panel__icon-btn:hover,
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-select-dropdown__item.selected {
  color: $color-main;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: $color-second-3;
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  box-shadow: -0.00521rem 0 0 0 $color-main;
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  background: $color-main;
  border-color: $color-main;
  color: #fff;
}

.el-month-table td.current:not(.disabled) .cell {
  color: $color-main;
}

.el-date-table td.current:not(.disabled) span {
  color: #FFF;
  background-color: $color-main;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: $color-main;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: $color-main;
}

.el-button--primary {
  border: none;
  background: $color-main;
  color: #fff;

  &:hover {
    background: $color-main;
    opacity: 0.8;
  }
}

.el-button--default {

  // color: #fff;
  &:hover {
    color: #fff;
    background: $color-main;
    opacity: 0.8 !important;
  }
}

// end
/* select start*/
.el-select {
  .el-input.is-focus .el-input__inner {
    border-color: $color-border-1;
  }

  .el-input__inner {
    height: 36px;
  }

  .el-input__icon {
    line-height: 36px;
  }

  .el-input__inner:focus {
    border-color: $color-border-1;
  }
}

.el-select-dropdown__item.selected {
  background: $color-main;
  color: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #fff;
  color: $color-main;
}

.el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.selected:hover {
  background: $color-main;
  color: #fff;
}

.el-dropdown-menu {

  .el-dropdown-menu__item:focus,
  .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: $color-second-3;
    color: $color-main;
  }
}

/* select end*/

/* table 表格 start*/
.common-table {
  .el-table thead {
    color: inherit;
  }

  .el-table td,
  .el-table th {
    padding: 8px 0;
    text-align: center;
    border-right: 1px solid $color-border-1;
  }

  .el-table th,
  .el-table tr {
    background: transparent;
  }

  .el-table {
    .el-table__header-wrapper {
      width: 100%;
      background: $color-main;
      color: #fff;
      border: none;
    }

    .el-table__body-wrapper {
      tr:hover td {
        background: $color-second-3;
      }
    }
  }

  .el-switch__core:after {
    background-color: #ccc;
  }

  .el-switch.is-checked .el-switch__core:after {
    background-color: #fff;
  }
}

/* table 表格 end*/

/* pagination 分页 start*/
.common-pagination {
  overflow: hidden;

  .el-pagination {
    padding: 20px 0;

    button {
      margin: 0;
      border: 1px solid $color-border-1;
      border-radius: 0;
    }

    .btn-prev {
      border-right: none;
    }

    ul li {
      margin: 0;
      border: 1px solid $color-border-1;
      border-right: none;
      border-radius: 0;
    }

    .el-pager li:not(.disabled).active {
      background: $color-main;
      color: #fff;
      border: 1px solid $color-main;
    }

    .el-pager li:not(.disabled):hover {
      color: $color-main;
    }

    .btn-next,
    .btn-prev,
    .el-pager li {
      background-color: #fff;
      min-width: 36px;
      height: 36px;
      line-height: 36px;
      margin: 0;
      border-radius: 0;
    }

    .el-pager li:not(.disabled).active:hover {
      color: #fff;
    }
  }
}

/* pagination 分页 end*/

/* message 弹框 start*/
.el-message-box {
  border: none;

  .el-message-box__header {
    background: $color-main;
    height: 40px;
    padding-top: 12px;

    .el-message-box__title {
      color: #fff;
      font-size: 16px;
      //   line-height: 40px;
    }

    .el-message-box__headerbtn {
      top: 10px;

      .el-message-box__close {
        color: #fff;
      }
    }
  }

  .el-message-box__content {
    text-align: center;
    padding: 20px 20px;
    color: #363636;
  }

  .el-message-box__btns {
    text-align: center;
    padding: 10px 20px;

    .el-button {
      min-width: 120px;
      border-radius: 4px;
      padding: 10px 25px;
      border: 1px solid $color-main;
      background: #fff;
      color: $color-main;
    }

    .el-button--primary {
      background: $color-main;
      color: #fff;

      &:hover {
        opacity: 0.8;
      }
    }
  }
}

.el-button--text {
  color: $color-main !important;
}

.el-button--text:hover {
  color: $color-main;
}

.el-message-box.left-btn-box {
  .el-message-box__btns {
    text-align: center;
    padding: 10px 20px;

    .el-button {
      background: $color-main;
      color: #fff;
    }

    .el-button--primary {
      border: 1px solid $color-main;
      background: #fff;
      color: $color-main;
    }
  }
}

/* message 弹框 end*/

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: $color-main;
}

/* dialog 弹框 start*/
.el-dialog {
  .el-dialog__header {
    height: 40px;
    background: $color-main;
    padding: 10px 20px;

    .el-dialog__title {
      color: #fff;
      font-size: 16px;
    }

    .el-dialog__headerbtn {
      top: 12px;

      .el-dialog__close {
        color: #fff;
      }
    }
  }

  .el-dialog__body {
    word-break: normal;
  }

  .el-button {
    border: 1px solid;
    border-color: $color-main;
    color: $color-main;
    background: #fff;

    &:hover,
    &:focus {
      // border-color: $color-main;
      // color: $color-main;
      // background-color: transparent;
    }
  }

  .el-button--success {
    background-color: $color-main;
    color: #fff;
  }
}

/* dialog 弹框 end*/

.el-tabs--card {
  &>.el-tabs__header {
    border-bottom: none;
  }

  &>.el-tabs__header .el-tabs__nav {
    border: none;
  }

  &>.el-tabs__header .el-tabs__item {
    border: none;
    background: #ffffff;

    border-radius: 8px 8px 0px 0px;
    margin-right: 10px;

    &:hover {
      color: $color-main;
    }
  }

  &>.el-tabs__header .el-tabs__item.is-active {
    background: $color-main;
    color: #fff;
  }

  .el-tabs__header {
    margin: 0;
  }
}

.el-calendar {
  .el-calendar__body {
    border: 1px solid $color-main;
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    background: $color-second-3;
  }

  .el-calendar-table thead th {
    text-align: center;
    background-color: #fff;
  }

  .el-calendar-table td {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  .el-calendar-table tr:first-child td {
    border-top: 2px solid #fff;
  }

  .el-calendar-table tr td:first-child {
    border-left: none;
  }

  .el-calendar-table tr td:last-child {
    border-right: none;
  }

  .el-calendar-table .el-calendar-day {
    text-align: center;

    &::before {
      display: inline-block;
      content: "";
      height: 100%;
      vertical-align: middle;
    }
  }

  .el-calendar-table .el-calendar-day:hover {
    background: $color-second-3;
  }

  .el-calendar-table td.is-selected {
    background: $color-second-3;
  }

  .el-calendar-table td.is-today {
    color: $color-main;
  }

  .el-calendar-table:not(.is-range) td.next,
  .el-calendar-table:not(.is-range) td.prev {
    color: #949494;
  }

  .el-calendar-table .el-calendar-day {
    height: 60px;
  }
}

.el-avatar {
  background: transparent;
}

.el-tabs {
  .el-tabs__active-bar {
    background-color: $color-main;
  }

  .el-tabs__item.is-active {
    color: $color-main;
  }

  .el-tabs__item:hover {
    color: $color-main;
  }
}

.el-checkbox-group {
  .el-checkbox-button {
    .el-checkbox-button__inner {
      border: none;
      border-radius: 4px;
      border: 1px $color-border-2 solid;
      background: #f9f9f9;
      margin-right: 10px;
    }
  }

  .el-checkbox-button__inner:hover {
    color: $color-main;
  }

  .el-checkbox-button.is-checked {
    .el-checkbox-button__inner {
      background-color: $color-main;
      border-color: $color-main;
      color: #fff;
      box-shadow: none;
    }
  }
}

.el-breadcrumb {
  .el-breadcrumb__item {
    .el-breadcrumb__inner {
      color: #fff;
    }

    .el-breadcrumb__separator {
      color: #fff;
    }

    &:last-child .el-breadcrumb__inner,
    &:last-child .el-breadcrumb__inner a,
    &:last-child .el-breadcrumb__inner a:hover,
    &:last-child .el-breadcrumb__inner:hover {
      color: #fff;
    }
  }
}

.el-radio {
  .el-radio__input.is-checked+.el-radio__label {
    color: $color-main;
  }

  .el-radio__input.is-checked .el-radio__inner {
    border: 1px solid $color-main;
    background-color: #fff;
  }

  .el-radio__input.is-checked .el-radio__inner::after {
    background-color: $color-main;
    width: 8px;
    height: 8px;
  }

  .el-radio__inner:hover {
    border-color: $color-main;
  }

  .el-radio__input {
    display: block;
  }

  .el-radio__label {
    white-space: normal;
    padding-left: 10px;
    line-height: 1.2;
  }

  &:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: none;
  }

  display: flex;
  align-items: center;
  overflow: hidden;
}

.el-checkbox-group {
  .el-checkbox__inner:hover {
    border-color: $color-main;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border-color: $color-main;
    background-color: $color-main;
  }

  .el-checkbox__input.is-checked+.el-checkbox__label {
    color: $color-main;
  }
}

.el-textarea {
  .el-textarea__inner:focus {
    border-color: $color-main;
  }
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: $color-main;
  border-color: $color-main;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: $color-main;
}

.el-checkbox__inner:hover {
  border-color: $color-main;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: $color-main;
}

body {

  div#driver-highlighted-element-stage,
  div#driver-page-overlay {
    // opacity: 0.4 !important;
  }

  .driver-page-overlay {
    opacity: 0.5;
  }

  div#driver-popover-item {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: 2px dashed #fff;
    padding: 20px;
  }

  div#driver-popover-item .driver-popover-tip.top {
    // display: none;
  }

  div#driver-popover-item .driver-popover-title {
    display: none;
  }

  div#driver-popover-item .driver-popover-description {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
  }

  div#driver-popover-item .driver-popover-footer {
    margin-top: 15px;
  }

  div#driver-popover-item .driver-popover-footer button {
    background: $color-main;
    border-radius: 8px;
    // height: 36px;
    padding: 7px 15px;
    border: none;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    font-size: 14px;
  }

  div#driver-popover-item .driver-popover-footer .driver-close-btn {
    position: fixed;
    right: 100px;
    top: 80px;
    background: #000000;
    border: 1px solid $color-border-1;
    opacity: 0.4;
    border-radius: 27px;
    padding: 10px 20px;
  }

  div#driver-popover-item .driver-popover-footer button.driver-prev-btn {
    display: none !important;
  }
}

.ql-editor {
  padding: 0;
}